<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>呜呜哈哈</title>
    <script src="./jquery-1.12.2.js"></script>
    <script>
        $(function () {
            $('input').on('mouseover', function () {
                // 在事件处理程序当中，当前的事件源要使用关键字this来表示 ,在jQuery当中的this 表示DOM对象
                //       console.log(this);  // 如果在控制台里面输出的是一个标签的形式，说明当前这个对象是DOM对象
                //       $(this).val('哈哈')  //
                //       $(this).css('backgroundColor','red')
                //       $(this).siblings().val('呜呜')
                //       $(this).siblings().css('background-color','')

                // $(this).val('哈哈').css('backgroundColor', 'red').siblings().val('呜呜').css('background-color', '')
                $(this).val('haha').css('background-color','red').siblings().val('呜呜').css('background-color', '');
            })
        })
    </script>
</head>

<body>
    <input type="button" value="呜呜" index="1">
    <input type="button" value="呜呜">
    <input type="button" value="呜呜">
    <input type="button" value="呜呜">
    <input type="button" value="呜呜">
    <input type="button" value="呜呜" index="6">
</body>

</html>